@-webkit-keyframes fadeHeaderInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-50%,0);
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
	}
}

@-moz-keyframes fadeHeaderInDown {
	0% {
		opacity: 0;
		-moz-transform: translate3d(0,-50%,0);
	}

	100% {
		opacity: 1;
		-moz-transform: translate3d(0,0,0);
	}
}

@-o-keyframes fadeHeaderInDown {
	0% {
		opacity: 0;
		-o-transform: translate3d(0,-50%,0);
	}

	100% {
		opacity: 1;
		-o-transform: translate3d(0,0,0);
	}
}

@keyframes fadeHeaderInDown {
	0% {
		opacity: 0;
		transform: translate3d(0,-50%,0);
	}

	100% {
		opacity: 1;
		transform: translate3d(0,0,0);
	}
}

.detailnav .insidenav.is-sticky{
	position:fixed;
	top:0;
	left:0;
	bottom:auto;
	padding-bottom:44px;
	background:#fff;
	-webkit-animation-name: fadeHeaderInDown;
	-moz-animation-name: fadeHeaderInDown;
	-o-animation-name: fadeHeaderInDown;
	animation-name: fadeHeaderInDown;
	z-index: 9;
}
.detailnav .insidenav.is-sticky .thesecond{ top:36px;}

.phonenav.is-sticky{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	margin:0;
	background:#fff;
	-webkit-animation-name: fadeHeaderInDown;
	-moz-animation-name: fadeHeaderInDown;
	-o-animation-name: fadeHeaderInDown;
	animation-name: fadeHeaderInDown;
	z-index: 9;
}

.main{position:relative; z-index:1; overflow:hidden;}
.float{ display:block;}
.float li{ display:none;}
.float li:nth-of-type(1){ display:block}
.float li:nth-of-type(6){opacity:0}
.float li a{ color:#fff;}

/*head*/
body{min-width: 320px; margin:0 auto;}
.head{position:fixed;height: 60px;left:0;width:100%;top:0;z-index:9;background:rgba(12,122,183,.34);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.head .commonweb{height:100%; max-width:1275px; position:relative}
.head h1{float:left;-webkit-transition: 300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms; font-size:18px; height:100%;}
.head h1 span img{height: 20px;display:block;}
.head h1 span{ display:inline-block}
.head h1 a>img{ height:42px;}
.head h1 a{display:block;color:#333;padding: 7px 0;}
.navs{width: 50px;height: 60px;overflow:hidden;position:absolute;right: 0;top: 0;z-index:9;}
.navs span{top: 36px;}
.navs span:first-child{content:"";top: 20px;left:0;}
.navs span:last-child{content:"";top: 28px;left:0;}
.navs span,.navs span:first-child,.navs span:last-child{left:10px;position:absolute;background:#fff;-webkit-transition: all 0.5s ease;width: 27px;height:2px;-webkit-border-radius:3px;border-radius:3px;transition: all 0.5s ease;}
.navs.g_close span{ opacity:0;}
.navs.g_close span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg);top: 26px;opacity:1;}
.navs.g_close span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top: 26px;opacity:1;}
.nav-box{position:absolute;top: 60px;width:100%;right:0;background:#fff;overflow-y: auto;overflow-x: hidden;padding:0 20px;}
.nav li{ float:none; border-bottom:1px solid #ddd;position:relative; list-style:none;}
.nav li:last-child{ border:none}
.nav li>a{color: #333;height:45px;line-height:45px;display: block;}
.secondnav{ display:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
.nav li>a:after{ content:""; position:absolute; width:10px; height:10px; border:1px solid #999; border-bottom:none; border-left:none; right:5px; top:19px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.secondnav { padding-bottom:10px;}
.secondnav a{ display:block; height:40px; line-height:40px; padding-left:15px;}
.nav li a.cur:after{ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.nav li:nth-of-type(1)>a:after{ display:none}


/*foot*/
.wave-box {position: relative;height: 76px;padding-top: 16px;}
.marquee-box {overflow: hidden;width: 100%;position: absolute;left: 0;top: 16px;}
.marquee-up {top: 0;}
.marquee { width: 8000%; height: 60px;}
.wave-list-box { float: left;}
.wave-list-box ul { float: left; height: 60px; overflow: hidden; zoom: 1; padding:0}
.wave-list-box ul li { height: 60px; width: 100%; float: left; line-height: 30px; list-style: none; padding:0}

.foot{ background:#0c7ab7; overflow:hidden;}
.foot01{border-bottom:1px solid rgba(255,255,255,.17);padding-bottom:15px;display:none;padding: 0;margin: 0;}
.foot01 li{ float:left; width:33.33%; text-align:center; color:#fff; margin-top:10px; border-right:1px solid rgba(255,255,255,.14); padding:0 10px; list-style:none;}
.foot01 li span{ display:block; vertical-align:top; }
.foot01 li img{ width:40px;}
.foot01 li:last-child{ border:none}

.foot02{ padding-top:27px;}
.footdl dl{ border-bottom:1px solid rgba(255,255,255,.14); overflow:hidden}
.footdl dt{ color:#fff; line-height:40px; font-size:14px; position:relative; background:#0c7ab7; z-index:2;}
.footdl dd{ position:absolute; top:50%; left:0;transform: translateY(-100px); width:100%; visibility:hidden; z-index:-1}
.footdl dd a{ font-size:13px; color:#dadada; line-height:30px; display:block; }
.footdl dt:after{content: '+'; float: right; font-weight: normal; margin-right: 8px;-webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; font-size: 16px;}
.footdl dl.cur dd{position: static; visibility: visible; z-index: 1; -webkit-transform: none; transform: none; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease;}
.footdl dl.cur dt:after{    -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);  transform: rotate(45deg);}
.footdl dl:last-child{ border:none}
.footdl{ float:left; width:100%;}

.footcon{ float:left; margin-bottom:20px;}
.footcon p{ color:#dadada;}
.footcon p a{ font-size:18px; color:#fff;}
.footcon p span,.footcon p a{ display:inline-table; vertical-align:top; line-height:30px;}
.footcon p span{ margin-left:5px; margin-right:14px;}
.subcode{ float:right; padding-top:30px}
.subcode span{ display:inline-block; vertical-align:top; line-height:29px; margin-left:6px; color:#fff;}
.subcode p{ padding:6px 5px 0 10px; position:relative; cursor:pointer; margin-bottom:5px}
.subcode p:before{ content:""; position:absolute; display:none; width:0; height:0; border-right:13px solid transparent; border-left:13px solid #fff; border-bottom:13px solid transparent; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg); left:-45px; top:18px;}
.subcode p.cur{ background:#269ddf;}
.subcode p.cur:before{ display:block;}
.thecode{margin-top: 10px;margin-right:26px;float:right;background:#fff;}
.thecode img{ display:block; width:130px;}
.thecode p{ display:none;}
.thecode p:nth-of-type(1){ display:block;}

.copyright{ border-top:1px solid rgba(255,255,255,.14); text-align:center; color:#c1c1c1; padding:10px 0; margin-top:25px;}
.copyright a{ color:#c1c1c1;}
.copyright a{ padding:0 8px; display:inline-block}
.nav{ padding:0;; margin:0}
.solutionlist{ padding:0; margin:0}
.swiper-wrapper{ padding:0; margin:0}
/*index*/
.banner-slide{ position:relative;}
.banner-slide ul{ padding:0; margin:0}
.index-banner{ width:100%; overflow:hidden; position:relative;}
.banner-slide li{float:left;}
.index-banner li img{ width:100%; display:block; position:relative;left:50%;-moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.flex-control-nav{ position:absolute; width:100%; text-align:center; bottom:8px; left:0; z-index:5; height:8px;}
.flex-control-nav li{ display:inline-block; margin:0 4px; float:none;}
.flex-control-nav li a{display:block;text-indent: -99999px;background:#fff;width:8px;height:8px;cursor:pointer;position:relative; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%;}
.flex-control-nav li a.flex-active{ background:#ff8800;}

/*inside*/
.insidebanner{ width:100%; overflow:hidden; position:relative}
.insidebanner img{ display:block; width:100%;}
.insidetitle{ text-align:center; color:#0c7ab7;}
.insidetitle h2{ font-size:20px; padding:15px 0}
.insidetitle h2 span{ margin-left:8px;font-family:Arial,Helvetica,sans-serif;}

/*product*/
.probox{ background:#fff;}
.prolist dl{border-bottom:1px solid #e4e4e4;padding:30px 0;position: relative;}
.prolist dl:nth-of-type(1){ padding:0 0 30px;}
.prolist dl:last-child{ border:none}
.prolist dt>a,.prolist dd>a{ display:block; color:#333;}
.prolist dl img{ display:block; width:100%}
.prolist dl dd{ padding-top:20px;}
.prolist dd h3{ color:#0c7ab7; font-size:18px; padding-bottom:5px;}
.prolist dl i,.caselist dd i,.newlist dd i{ font-size:14px; color:#fff; -webkit-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; width:130px; height:35px; text-align:center; line-height:35px; display:block; background:#0c7ab7; margin-top:10px;}
.prolist dd div{ height:96px; overflow:hidden;}
.prolist{ padding-bottom:30px;}

.detailnav{ background:#fff;}
.prodetail{margin-bottom:70px;margin-top: 10px;background:#fff;}
.detailpic img{max-width:100%;}
.phonenav{ padding-top:10px; margin-top:-10px;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.phonenav h4{ font-size:15px; color:#333; padding:0 15px; border-bottom:1px solid #e4e4e4; background:#fff; position:relative; z-index:3; text-align:left; padding-bottom:8px;}
.phonenav h4:after{ content:""; position:absolute; right:15px; width:11px; height:11px; border-right:1px
 solid #333; border-bottom:1px solid #333; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); top:4px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.subphonenav{ padding:8px 0; display:none;}
.subphonenav a{ display:block; height:40px; line-height:40px; padding:0 15px 0 25px; font-size:14px; color:#333; text-align:left;}
.phonenav h4.cur:after{-webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg); top:10px;}

/*case*/
.caselist dl{padding: 10px 30px 10px 10px;border:1px solid #d6d6d6;margin-top:25px;background:#fff;position:relative;}
.caselist dl a{ display:block; font-size:13px; color:#333; line-height:24px;}
.caselist dt img{ display:block; width:100%;}
.caselist dd h2{ color:#0c7ab7; font-size:18px; padding-top:16px;}
.caselist dd div span{ color:#858585; display:block;}
.caselist dd div{ padding:9px 0 6px;}
.caselist dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.caselist dl .sign{ position:absolute; right:0; top:-1px}
.pages{ padding:20px 0 30px; background:#fff; text-align:center; margin-top:10px;}
.phonepage a{ color:#333; font-size:15px; height:39px; line-height:39px;}

.caselist ul{ margin:0; padding:0}
.caselist li{ list-style:none;}
.caselist li a{ display:block; height:48px; line-height:48px; color:#333; border-bottom:1px solid #e1e1e1;}
.caselist li a span{ float:right;}

/*solution*/
.solutionbox{ padding-bottom:40px;}
.subsolution{ display:none; font-size:14px; color:#666; line-height:24px;}
.subsolution:nth-of-type(1){ display:block;}
.pics{ position:relative; padding-top:20px;}
.pics img{ display:block; width:100%;}
.pics h2{ color:#0c7ab7; font-size:18px; padding-top:15px; margin-bottom:15px;}
.pics h3{ color:#333; font-size:16px; padding:10px 0;}
.h4{ background:#f2f2f2; height:40px; line-height:40px; font-size:18px; color:#333; text-align:center; margin-top:20px; margin-bottom:15px;}
.subsolution img{ max-width:100%;}
.h5{ color:#0c7ab7; font-size:16px; padding-bottom:15px; padding-top:5px;}



/*关于我们*/
.about{ padding-bottom:30px;}
.aboutdl dt img{ width:100%; display:block;}
.aboutdl{font-size:14px; color:#333; line-height:24px; padding-top:20px; padding-bottom:30px;}
.aboutdl h2{font-size:24px;color: #0c7ab7;line-height:35px;padding-bottom:10px;}
.aboutdl dd{ padding-top:20px;}
.history{padding-bottom:30px;position: relative;}
.historyleft h2{color:#fff;background: #0c7ab7;text-align:center;font-size:24px;line-height:55px;}
.historyleft img{ width:100%; display:block;}
.historyright{background: url(../images/icon09.png) 19px top no-repeat;padding-top:42px; margin-top:20px;}
.historyright ul{ position:relative; padding:0; margin:0}
.historyright ul li{padding-top: 30px;position:relative;z-index:3;padding-left: 90px; list-style:none;}
.historyright ul:before{content:"";position:absolute;height:100%;width:1px;background: #0c7ab7;left:40px;top:0;box-sizing:border-box;}
.year{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;color:#fff;background: #0c7ab7;text-align:center;position:absolute;float:left;font-size:20px;width:80px;height:35px;line-height:35px;top:50%;margin-top:1px;left:0;}
.year:after{content:"";display:none;height:1px;width: 22px;background: #0c7ab7;position:absolute;left: -21px;top:50%;}
.historyright ul li p{font-size: 14px;color:#333;/*float:left;*/padding:6px 7px;position:relative;line-height: 16px;}

/*联系我们*/
.contact{ padding-bottom:30px;}
.contact img{ display:block; width:100%;}
.subcontact{ border-bottom:1px solid #dfdfdf; color:#666; line-height:24px; margin-top:20px;padding-bottom:12px}
.subcontact h2{ font-size:18px; color:#0c7ab7; padding-bottom:12px}
.contact dd .subcontact:last-child{ border:none}

/*new*/
.newlist dl{ padding:25px 0; border-bottom:1px solid #dedede;}
.newlist dt{ position:relative; min-height:80px}
.newlist img{ display:block; width:100%;}
.newlist dd a{ display:block; color:#666;}
.newlist h3{ font-size:18px; color:#0c7ab7; padding-bottom:12px; padding-top:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newlist dl:nth-of-type(1){ padding-top:10px}
.dtdate{background:#086fb8;position:absolute;top:0;left:0;color:#fff;padding-left: 11px;padding-top:12px;padding-bottom:3px;padding-right:7px;font-size: 24px;font-family:Arial,Helvetica,sans-serif;line-height: 30px;}
.dtdate i{display:block;font-size:14px;margin-top: -8px;}

.newdetail{background:#fff;margin-top:20px;margin-bottom: 35px;}
.newtitle{ text-align:center; font-size:12px; color:#8d8d8d; padding-top:28px;}
.newtitle h2{ color:#333; border-bottom:1px solid #e8e8e8; font-size:18px; padding-bottom:11px;}
.newdetail img{ max-width:100%; height:auto !important;}
.detailbox{ color:#4c4c4c;}
.operation{ padding-top:30px; padding-bottom:50px;}
.back{display:block;color:#fff;background: #047fc4 url(../images/icon11.jpg) 20px center no-repeat;width:103px;height:32px;line-height:32px;padding-left: 38px;font-size:18px;margin-bottom:11px;}
.operation p a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #4c4c4c;font-size:14px;line-height:30px;}
.operation p a:hover{color: #0c7ab7;}

/*服务支持*/
.map{ padding-top:30px; padding-bottom:30px;}
.map img{ display:block; margin:0 auto; max-width:100%;}
.jiameng{ background:#f8f8f8;}
.jiameng h2{ font-size:18px; text-align:center; color:#2789bf; padding-top:20px; padding-bottom:11px;}
.jiameng>p{ color:#4c4c4c;  text-align:center}
.jiameng>p em{ color:#0c7ab7}
.jiaform{ margin:18px auto 0; padding:0 15px;}
.jiaform ul{ border-top:1px solid #d9d9d9; font-size:14px; color:#4c4c4c; margin:0; padding:0}
.jiaform ul p em{color:#0c7ab7;font-size:16px;vertical-align: middle; margin-right:8px;}
.jiaform ul p{ padding-bottom:8px;}
.jiaform ul li{ margin-top:15px; list-style:none}
.jiaform  li>div{ margin-left: 16px; position:relative;background-color: #fff;}
.jiaform .jiain{  border:1px solid #dcdcdc; height:43px; line-height:43px; padding:0 10px; width:100%;position: relative;z-index: 3;}
.jiaform textarea{ background:#fff; border:1px solid #dcdcdc; padding:8px 10px; width:100%; height:160px;}
.formbtn{text-align:center;background: #fff;padding:20px 0 40px;margin-top:20px;padding-left: 16px;}
.formbtn input{width: 41%; max-width:138px;height:42px;line-height:42px;background:#0c7ab7;border:1px solid #00a1e9;color:#fff;font-size:15px;text-align: center;margin: 0 11px;cursor:pointer;}
.area:after{content:"";display:block;position:absolute;width:0;height:0;border-bottom: 14px solid #b1b1b1;border-left: 7px solid transparent;border-right: 7px solid transparent;right:10px;transform: rotate(180deg);top: 17px;z-index: 2;}

.use{ background:#fff; padding-top:20px;}
.use h3{ text-align:center;color:#0c7ab7; padding:5px 0}
.use .jiaform{ padding:0}

.mess span{ float:left; font-size:14px; color:#4c4c4c; margin-right:15px; line-height:43px; height:43px; cursor:pointer}
.mess span em{ display:inline-block; -webkit-border-radius:100%; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; border:1px solid #b5b5b5;  width:20px;height:20px; margin-right:5px; position:relative; top:4px;}
.mess span.cur em{ border:6px solid #0c7ab7}

.aftersale h2{ font-size:20px; line-height:40px; color:#0c7ab7;}
.saledl{ background:url(../images/salebg.jpg) left top repeat-x; border:1px solid #e3e3e3; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; position:relative; padding:25px; color:#333; margin-bottom:20px;}
.saledl img{ display:block; margin:0 auto;}
.saledl h3,.buysoftware h2{ font-size:16px; color:#0c7ab7; padding-bottom:5px;}
.saleul{ color:#333; margin:0; padding:0 0 40px;}
.saleul li{ position:relative; list-style:none}
.salenum{position:absolute;width:25px;height:25px;background:#0c7ab7;color:#fff;font-size:15px;left: 2px;top: 0;text-align:center;line-height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.saletxt{ border-left:1px solid #ababab; padding-left:6.5%; margin-left:14px; padding-bottom:30px;}
.saleul li:nth-of-type(1) .saletxt{ border:none}
.saleul img{ max-width:100%;}
.saleul li:last-child .saletxt{ padding-bottom:0}

.buysoftware{ color:#4c4c4c; padding-bottom:60px;}
.tables{ width:100%; overflow-y:hidden; overflow-x:scroll; padding-top:20px; font-size:14px; color:#333;}
.tables table,table{ border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;border-collapse:0;  border-spacing:0; margin:0 auto;}
.tables th,table th{ color:#fff;background:#0c7ab7; font-weight:normal; border-right:1px solid #d7d7d7; font-size:15px; height:35px;}
.tables th:nth-of-type(1){padding-left:3%; text-align:left;}
.tables td, table td{ border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7; padding:10px 0;text-align:center;}
.tables table tr td:nth-of-type(1){ padding-left:3%; text-align:left;}
.tables table tr td:nth-of-type(3){ padding-left:3%; text-align:left;}
.tables table  a{ color:#333;}
.table{ width:100%;}

.subnews:nth-of-type(3) .newnee{height: 233px;}

.salefqa{ padding:0; margin:0}
.salefqa li{ background:#f5f5f5; padding-left:15px; padding-top:25px; padding-bottom:25px; list-style:none}
.salefqa li:nth-child(2n){ background:#fff;}
.question{ position:relative; padding-left:50px;}
.question h3{ font-size:16px; color:#0c7ab7; margin-bottom:10px;}
.answer{ font-size:13px; color:#4c4c4c; position:relative;padding-left:40px;}
.question>span,.answer>span{ color:#0c7ab7; font-size:30px; position:absolute; left:0;font-family:Arial,Helvetica,sans-serif; top:0}
.answer>span{ color:#4c4c4c;}
.question>span img,.answer>span img{ display:block; width:20px;}
.sale-faq{ padding-bottom:40px;}

.videobox ul{display: -webkit-box;  display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:0; margin:0}
.videobox li{ margin-top:20px; padding:0;    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; list-style:none}
.image{ display:block; position:relative;}
.image>img{ display:block; width:100%;}
.videobox li a{ display:block; cursor:pointer}
.videotxt{ border:1px solid #e7e7e7; color:#1a1a1a; font-size:15px; text-align:center; padding:9px 10px 15px;}
.videotxt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.play{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.75);}
.play img{ position:absolute; left:50%; top:50%; display:block; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:60px;}

.the-video{ z-index:9999; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none;}
.the-video{ width:100%; max-width:900px;}
.the-video video{ width:100%;}
.the-video iframe{ width:100% !important}


/*index*/
.indexnew{width:100%; left:0; bottom:0; background:rgba(8,110,167,.78); z-index:8;}
.indexnew .commonweb{ background-image:url(../images/index01.png); background-repeat:no-repeat; background-position:15px 10px; background-size:24px auto;  padding-top:30px; position:relative}
.indexnewul{ padding:0; margin:0}
.indexnewul li{position:relative;padding-left: 16px; list-style:none}
.indexnewul li:after{content:"";width:4px;height:4px;background:#fff;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display: block;position: absolute;}
.indexnewul li a{ display:block; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:10px; height:35px; line-height:35px;}
.newmore{position:absolute;right:15px;top:10px;color:#fff;height: 23px;line-height: 23px;}

.indextitle{ text-align:center; font-size:15px; color:#333; padding-top:20px; padding-bottom:25px;}
.indextitle h2{ color:#0c7ab7; font-size:20px; padding-bottom:5px;}
.index-proul{ padding:0; margin:0}
.index-proul li{float:left;width:33.33%;border:1px solid #e5e5e5;transition: width .15s ease-out;-moz-transition: width .15s ease-out;-webkit-transition: width .15s ease-out;-o-transition: width .15s ease-out;position:relative; list-style:none;}
.subpro{ font-size:13px; color:#666; text-align:center; }
.subpro div{ padding:0 5%;}
.subpro h2{ color:#333; text-align:center; background:#f4f4f4; font-size:18px; line-height:40px;}
.subpro img{ display:block; margin:15px auto; width:49.5%;}
.indexmore{ display:block; font-size:13px; color:#0c7ab7; border:1px solid #0c7ab7; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; height:30px; line-height:30px; width:90%; text-align:center; margin:15px auto 20px;}
.subpro p,.subso p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;}
.hidepro{ display:none;}
.index-product{ padding-bottom:40px;}

.indexsolution{ background-image:url(../../webimages/indexbg.jpg); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; padding-bottom:40px;}
.indexsolution .indextitle,.indexsolution .indextitle h2,
.index-new .indextitle,.index-new .indextitle h2{ color:#fff;}
.swiper-wrapper{ width:9999px; padding:0; margin:0}
.solutionlist li a{ display:block;}
.solutionlist li{ float:left; list-style:none;}
.solutionlist li span{ display:block; overflow:hidden;}
.solutionlist li img{ display:block; width:100%; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.solutionlist li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.subso{ text-align:center; padding:0 5px 20px; color:#666; background:#fff;}
.subso h2{ font-size:18px; color:#0c7ab7; padding:5px 0}
.solutionlist li:hover .subso{ background:#0c7ab7; color:#fff;}
.solutionlist li:hover .subso h2{ color:#fff;}
.solutionlist{ overflow:hidden;}
.swiper-pagination{text-align:center;padding-top: 20px;}
.swiper-pagination span{ display:inline-block;  background:#fff; width:20px; height:3px; margin:0 2px;}
.swiper-pagination span.swiper-pagination-bullet-active{ background:#ff8800}
.swiper-button-next,.swiper-button-prev{ display:none;}
.theso{ overflow:hidden;}

.indexmap{ padding-bottom:30px;}
.submap>img{ max-width:100%; display:block;}
.thismap{ margin-top:20px;}
.thismap h2{ font-size:15px; height:40px; line-height:40px; padding-left:22px; background:#0c7ab7; color:#fff;}
.thismap h2 img{ width:18px; position:relative; top:2px; margin-right:10px;}
.thismap a{ display:block; background:#efefef; color:#333; font-size:13px; height:40px; line-height:40px; float:left; width:50%; margin-top:2px; position:relative; padding-left:50px;}
.thismap a:before{ content:""; display:block; position:absolute; width:0; height:0; border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #9b9b9b;-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); left:30px; top:15px}
.thismap a:hover{ color:#fff; background:#2195d6;}
.thismap a:hover:before{ border-bottom-color:#fff;}

.index-partner { background:#f0f0f0; padding-bottom:40px;}
.index-partner  .indexmore{background:#0c7ab7;color:#fff;width:157px;height:38px;line-height:38px;margin-bottom:0;margin-top: 25px;}
.index-partner ul{ padding:0; margin:0}
.index-partner li{ float:left; border:1px solid #d7d7d7; border-top:none; border-right:none; overflow:hidden
; list-style:none;}
.index-partner li a{ display:block; overflow:hidden;}
.index-partner li img{ display:block; width:100%;-webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s; transition:all .3s;}
.index-partner li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.swiper-container{ position:relative; width:100%; overflow:hidden; border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;}
.next,.prev{ display:block; cursor:pointer; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); background-repeat:no-repeat; background-position:center center; background-size:auto 35px; width:40px; height:45px; background-color:#7a7a7a;}
.next{ background-image:url(../../webimages/right.png); right:0}
.prev{ background-image:url(../../webimages/left.png); left:0}
.next:hover,.prev:hover{ background-color:#0c7ab7}

.index-new{ background:url(../../webimages/indexbg02.jpg) center center no-repeat; background-size:cover; padding-bottom:40px;}
.sortnav {margin-top:-5px;background: #fff;border-bottom: 1px solid #ccc;}
.sortnav a{display:block;width:33.33%;float:left;max-width:150px;text-align:center;height:45px;line-height:45px;font-size:15px;color: #333;position: relative;top: 1px;}
.sortnav a.cur{ border-bottom:2px solid #0c7ab7}
.subnews{ display:none;}
.newnee{}
.subnews:nth-of-type(1){ display:block;}
.subnews h2{ display:none;}
.newnee{padding: 15px 15px 20px;background: #fff;}
.newnee>a{display:block;position:relative;font-size:14px;color:#333;height:35px;line-height:35px;padding-right: 75px;height: 100%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.newnee>a span{ position:absolute; right:0; color:#666; display:block; height:35px; line-height:35px; top:0;}
.newnee>a:hover{ color:#0c7ab7;}
.newpic img{ display:block; width:100%; position:relative; margin:0 auto;}
.newpic a{ display:block; position:relative;}
.newpic h3{ font-size:14px; color:#fff; padding:0 10px; height:45px; line-height:45px; position:absolute; left:0; bottom:0; background:rgba(12,122,183,.77); width:100%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.newpic h3 span{ display:block; position:absolute; right:10px; top:0; }

.indexabout{ background:#f6f6f6; padding-bottom:40px;}
.aboutleft img{ display:block; width:100%;}
.thwtext{  font-size:14px; color:#666; line-height:20px;}
.thwtext h2{ font-size:18px; line-height:24px; color:#0c7ab7; padding:10px 0}
.indexabout .indexmore{ color:#fff; float:left;width:145px; background:#0c7ab7; margin-bottom:0}
.aboutleft{ background:#fff; padding:15px;}
.thwtext p{ display:none;}
.thwtext p:nth-of-type(1){ display:block;}

.aboutright{ background:#fff; margin-top:20px;}
.aboutright>img{ display:block; width:100%;}
.subright{ padding:30px 15px 20px; font-size:14px; color:#666; line-height:20px; position:relative}
.subright h2{ font-size:16px; color:#0c7ab7}
.subright img{ display:block; position:absolute; width:60px; height:60px; top:-30px; left:50%; margin-left:-30px;}

.casedetai{ padding-bottom:60px;}
.casedetail dd p{ display:block}
.casedetail h2{ font-size:18px; color:#0c7ab7; text-align:center; padding:20px 0 10px;}
.detaildiv{ font-size:14px; color:#858585;}
.detaildiv span{ display:block}


/*侧漂*/
.float{ position:fixed; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:0; z-index:8; padding:0; margin:0}
.subfolat{ display:none; position:absolute; right:0; top:0; white-space:nowrap; background:#ff8800; height:50px; line-height:50px; color:#fff; padding-right:11px;}
.float li{ background:#0c7ab7; height:50px; margin-top:1px; position:relative; cursor:pointer; list-style:none}
.float li img{ display:inline-block; width:50px; vertical-align: top}
.backtop{ cursor:pointer; display:none}
.float li:hover .subfolat,.float li:hover .imgcode{ display:block}
.float li:hover{ background:#ff8800}
.float li .imgcode{ position:absolute; right:50px; top:0; display:none}
.float li .imgcode img{ width:100px;}

/*软件下载*/
.software-download{ color:#666; padding-bottom:40px;}
.software-download h2{ color:#0c7ab7; font-size:18px; padding-bottom:10px;}
.software-download img{ max-width:100%;}
.downa{ display:block; width:201px;}
.downa img{ width:100%;}
.thisimg img{ height:60px;}



.floatbt{ position:fixed;right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); z-index:9; display:none;}
.qqq{ border:1px solid #0c7ab7; background:#ddd; font-size:12px;color:#0c7ab7; width:225px; }
.qqq h2{ font-size:14px; font-weight:bold; color:#0c7ab7; padding-left:17px; padding-top:5px;}
.qqq p{ padding-left:15px;}
.qqq ul{background:#fff;padding: 3px 0 8px 14px; border:1px solid #e5e5e5;}
.qqq ul  li{border-bottom:none;position: relative;/*background:url(../../webimages/skyp01.png) left center no-repeat;*/list-style: none;}
.qqq ul  li a{display:block;line-height:22px;font-size:12px;color:#333;padding:0;padding-left: 0;}
.qqq ul li a:hover{ color:#0c7ab7}
.qqq ul.ul00 li.li00{background: url(../../webimages/ll01.png) left center no-repeat;}
.qqq ul.ul00 li.li000{background: url(../../webimages/ll02.png) left center no-repeat;}
.qqq ul.ul000 li{background: url(../../webimages/ll03.png) left center no-repeat;}
.close{ position:absolute; right:-3px; top:-3px; cursor:pointer;}
.qqq ul li a.QQQQ{ height: 14px; position:absolute; right:15px; top:50%; margin-top:-7px; padding:0; width:50px;}
.qqq ul li a.QQQQ img{ width:100%;}

.casedetail{ padding-bottom:40px;}


/*20170718*/

body{ padding-top:60px;}


.subnews>div{ background:#fff; padding-bottom:20px;}
.subnews .indexmore{ width:150px;}
.dtdate em{ font-style:normal;}



@media (max-width: 360px){
	.thecode p img{ width:112px;}
}

/*ipad竖版区域*/
@media (min-width: 768px){


	.float li:nth-of-type(6){ opacity:1}

.float li,.float li:nth-of-type(1){ display:block}
	
	.head h1 a{font-size:16px;overflow: hidden;}
	.head h1 img{height: 20px;}
	.head h1 a span{margin-left:12px; display:inline-block; position:relative; top:-2px;}
	.foot01 li{ line-height:50px; height:50px;}
	.foot01 li img{ width:50px;}
	.foot01 li span{ margin-left:10px; display:inline-block}
	
	.prolist dt{ float:left; width:36.55%;}
	.prolist dt>a{ padding-left:5%}
	.prolist dl dd{float:left;width:63.45%;padding-top:0;/*position: absolute;top: 50%;right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);transform: translateY(-50%);*/}
	.prolist dd>a{ padding-left:6%;}
	.prolist dd h3{font-size:20px; padding-bottom:5px;}
	.prolist dl:nth-of-type(1){ padding:30px 0;}
	
	.caselist dl dt{ width:19.7%; float:left;}
	.caselist dd{ float:left; width:80.3%;}
	.caselist dd a{ padding-left:3.5%; padding-right:4%}
	.caselist dd div span{ float:left; width:25%;}
	.caselist dd div span:last-child{ width:50%;}
	
	.pics dt{ float:left; width:39%;}
	.pics dd{ position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:61%; padding-left:4.5%}
	
	.aboutdl{ padding-top:35px}
	.aboutdl dt{width: 40.5%;}
	.aboutdl dd{width: 55.5%;padding-top:0;}
	.historyleft{width: 30.4%;float: left;position: absolute;left: 0;top: 50%;-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
	.historyright{width: 66.15%;margin:0;}
	
	.newlist dl dt{ width:35%; float:left;}
	.newlist dd{ float:left; width:65%;}
	.newlist dd a{ padding-left:4%}
	.newlist dd h3{ padding-top:0}
	
	.jiaform ul li{ float:left; width:50%;}
	.jiaform ul li.lastli{ width:100%;}
	._citys { width: 460px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background:#fff;}
	._citys span {color: #0c7ab7;height: 15px;width: 15px;line-height: 13px;text-align: center;border-radius: 3px;position: absolute;right: 10px;top: 10px;border: 1px solid #0c7ab7;cursor: pointer;}
	._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #0c7ab7; padding: 0; margin: 0; }
	._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
	.citySel { background-color: #0c7ab7; color: #fff !important; }
	._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
	._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
	._citys1 a:hover { color: #fff; background-color: #0c7ab7; }
	.AreaS { background-color: #0c7ab7 !important; color: #fff !important; }
	
	.formbtn input{ font-size:18px;}
	
	.saledl dt{width: 11.1%;}
	.saledl dd{width: 87.5%;padding-left:2%;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
	
	.salefqa li{ padding-left:25px;}
	
	.videobox ul{ margin:0 -7px;}
	.videobox li{ padding:0 7px;}
	
	
	.masker{ position:fixed; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999; display:none;}
	.the-video{ padding:10px; }
	
	.indexnew{ position:absolute}
	.indexnewul li{float:left;width:30%;}
	.indexnew .commonweb{ background-position:left center; background-size:24px auto; padding-left:40px; padding-top:0;}
	.indexnewul li a{ height:45px; line-height:45px;}
	.newmore{ position:static; float:right;  height:45px; line-height:45px;}
	.indexmore{ width:45%;}
	.swiper-pagination{ padding-top:20px}
	.subso{ padding:0 15px 20px;}
	
	
	.thwtext p{ display:block;}
	.aboutleft img{float:left; width:52%;}
	.thwtext{ float:right; width:42.4%;}
	
	.detaildiv{ text-align:center}
	.detaildiv span{ display:inline-block; width:20%; text-align:left;}
	
	.thisimg img{ height:auto;}
	

}
/*ipad横版区域*/
@media (min-width: 991px) {
	
	
	.subnews>div{ background:#none; padding-bottom:0;}
	.subnews .indexmore{ display:none !important}
	
	body{ padding:0;}
	.nav li>a:after{ display:none}
	.head{ background:none;}
	.head:hover{background:rgba(12,122,183,.34);}
	.head .commonweb{ z-index:9}
	.head h1 a{padding: 11px 0;height: 85px;}
	.head h1 span img{height: 28px;}
	.head h1 a>img{ height:50px;}
	.head{position:absolute; height:auto}
	.nav-box{width:auto;background:none;overflow:inherit; padding:0; top:0;}
	.nav{float:right;position: relative;z-index: 9;}
	.nav li{ float:left; border:none; text-align:center}
	.nav li>a{display:block;font-size:17px;line-height:85px;height: 85px; width:104px; color:#fff; }
	.nav li:nth-of-type(1) a{width: 110px;}
	.nav li em{ display:block; width:0; position:absolute; left:0; bottom:0; height:3px; background:#ff8800; transition: width .3s, -webkit-transform .3s; transition: width .3s, transform .3s; transition: width .3s, transform .3s, -webkit-transform .3s;-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; opacity:1; border:none; top:auto; right:auto;}
	.nav li:hover em,.nav li.cur em{ width:100%;}
	.secondnav{ position:absolute; top:84px; width:100%; left:0;padding-top:17px;}
	.secondnav a{ text-align:center; font-size:14px; color:#dadada; height:36px; line-height:36px; padding-left:0}
	.secondnav a:hover{ text-decoration:underline;}
	.nav li:hover .secondnav{ background:#0c7ab7;}
	.mask-nav{position:absolute;top:84px;background:rgba(0,66,102,.94);width:100%;z-index:8;left: 0;right: 0; display:none}
	.nav-box:hover .mask-nav,.nav-box:hover .secondnav{ display:block;}
	.hide-pop-list:hover .mask-nav,.hide-pop-list:hover .secondnav{ display:none !important;}
	
	.flex-control-nav li a{ width:16px; height:16px;}
	.flex-control-nav{ bottom:65px;}
	
	
	.foot01 li{ width:20%; height:auto;line-height:30px}
	.foot01 li span{ display:block; margin:0; }
	.footdl{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;float:none;width: auto;}
	.footdl dl{float:left; border-right:1px solid rgba(255,255,255,.14);    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right:5%; padding-left:5%; border-bottom:none}
	.footdl dl:nth-of-type(1){ padding-left:0}
	.footdl dt{ color:#fff; line-height:40px; font-size:18px; padding-bottom:5px;}
	.footdl dd{ position:static; visibility:visible; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; z-index:1}
	.footdl dd a{ font-size:14px;}
	.footdl dt:after{ display:none;}
	.footcon{ float:right;}
	.thecode p img{ width:115px;}
	.copyright{ padding:15px 0}
	
	
	/*inside*/
	.insidetitle{ -webkit-box-shadow:0 1px 14px rgba(0,0,0,.2); -moz-box-shadow:0 1px 14px rgba(0,0,0,.2); -ms-box-shadow:0 1px 14px rgba(0,0,0,.2); -o-box-shadow:0 1px 14px rgba(0,0,0,.2); box-shadow:0 1px 14px rgba(0,0,0,.2); padding-bottom:35px;}
	.insidetitle.noshaw{-webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; }
	.insidenav{ text-align:center;}
	.insidenav li{ display:inline-block; margin-left:-5px; list-style:none;}
	.insidenav li>a{ font-size:16px; color:#333; width:125px; border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; height:36px; line-height:36px; display:block; background:#fff;}
	.insidenav li:last-child{border-right:1px solid #d7d7d7;}
	.insidenav li:hover>a,.insidenav li.cur>a{ color:#fff; background:#0c7ab7; border-color:#0c7ab7}
	.insidenav li.cur .thesecond{ display:block;}
	.bread{ border-bottom:1px solid #e4e4e4; line-height:40px; margin-top:10px;}
	.bread p{ background:url(../../webimages/home.jpg) left center no-repeat;padding-left:33px; float:right; margin-top:2px;}
	.bread p a{ color:#666;}
	.bread p a:last-child{ color:#0c7ab7;}
	.bread h2{ font-size:20px; color:#0c7ab7}
	
	
	.prolist dd h3{font-size:24px;}
	
	.detailnav{ padding-bottom:18px;}
	.prodetail{ background:#fff; margin-top:60px;}
	.prodetail .bread,.newdetail .bread{ padding:0 15px; margin-top:0;}
	.detailnav{-webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; position:relative;}
	.detailnav .insidenav{ position:absolute; width:100%; bottom:-18px;-webkit-animation-fill-mode: both;    -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both;    animation-fill-mode: both; -webkit-animation-duration: .8s; -moz-animation-duration: .8s;    -ms-animation-duration: .8s; -o-animation-duration: .8s; animation-duration: .8s;}
	.thesecond{position:absolute;background:#fff;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:59px;white-space: nowrap; display:none;}
	.thesecond a{ display:inline-block; height:44px; line-height:44px; margin:0 15px; cursor:pointer}
	.thesecond a:hover,.thesecond a.cur{ border-bottom:2px solid #0c7ab7; color:#0c7ab7;}
	
	.contact dt{ float:left; width:54.4%}
	.contact dd{ float:right; width:42.3%}
	.caselist dl a{  font-size:14px;}
	.subcontact h2{ font-size:24px;}
	.newlist dd h3{ padding-top:20px}
	.newlist dl:nth-of-type(1){ padding-top:25px}
	
	.newdetail{margin-top:40px;margin-bottom: 62px;}
	
	.tables{ overflow:hidden}
	
	.play{ opacity:0; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
	.play img{ width:79px;}
	.videobox li:hover .play{ opacity:1}
	
	.the-video span{ display:block; background:url(../images/close.png) no-repeat; background-size:100% auto; width:38px; height:38px; position:absolute; top:-5px; right:-5px; cursor:pointer; z-index:99999}
	
	.indextitle h2{ font-size:24px;}
	.swiper-pagination span{ width:54px; height:5px;}
	.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);margin-top: -34px; cursor:pointer; display:block;}
	.swiper-button-next{ right:0}
	.swiper-button-prev{ left:0}
	
	.thismap{ width:302px; float:left;}
	.submap>img{ float:right; width:60.2%; margin-top:-36px}
	.thismap a{ font-size:15px; height:54px; line-height:54px; float:none; width:100%; padding-left:83px;}	
	.thismap a:before{  left:60px; top:23px; }
	.indexmap{ padding:55px;}
	
	.sortnav{ display:none;}
	.news{ margin:0 -10px;display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.subnews{ display:block !important; float:left;width:33.33%; padding:0 10px;display: -webkit-box;  display: -ms-flexbox;display: flex; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
	.subnews h2{ font-size:20px; color:#333; background:#ececec; height:40px; line-height:40px; border-bottom:1px solid #c9c9c9; padding:0 10px; display:block; width:100%;}
	.subnews h2 span{display:inline-block;border-bottom:2px solid #0c7ab7;position:relative;top: -1px;}
	.subnews h2 a{ float:right; color:#0c7ab7; font-size:14px;}
	.newnee{padding:14px 10px 20px;}
	.subnews>div{ height:100%; background:#fff;}
	.index-new{ padding-bottom:50px;}
	
	.aboutbox{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.subabout{ float:left;padding:0 10px; }
	.aboutleft{ width:71%; background:#fff; float:left; padding:20px;}
	.aboutright{ float:right; width:29%; margin:0; padding:0; border-left:15px solid #f6f6f6;}
	
	.software-download{ padding-top:32px;}
	
	.foot01{ display:block;}
	.div-pc{ padding:0 20px;}
	
	
	.subnews:nth-of-type(3) .newnee{ padding-top:24px; height:233px;}
	.subnews:nth-of-type(3) .newnee a{ height:100%;}
	.subnews:nth-of-type(3) h3{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
}


@media (min-width: 1275px) {
	.nav li>a{ width:120px;}
	.head h1 a{ padding:6px 0;}
	.head h1 span img{height: 35px; display:inline-block}
	.foot01{ padding-top:6px; padding-bottom:28px;}
	.foot01 li{ font-size:15px; height:50px; line-height:50px;}
	.foot01 li span{ margin-left:20px; display:inline-block}
	
	.footcon p{ font-size:16px;}
	.footcon p a{ font-size:25px;}
	.subcode{ padding-top:50px;}
	.thecode{ margin-top:31px;}
	.subcode p{ padding:6px 10px 0 20px;}
	.thecode p img{ width:137px;}
	
	.insidetitle h2{ font-size:30px; line-height:30px; padding:20px 0}
	
	.bread{ line-height:57px;}
	.bread h2{ font-size:24px;}
	.bread p{ margin-top:7px;}
	
	.prolist dd{ line-height:30px;}
	.prolist dd h3{font-size:30px; padding-bottom:18px;}
	.prolist dl i{ margin-top:18px;}
	.prolist dd div{ height:120px;}
	.prodetail .bread,.newdetail .bread{ line-height:75px;}
	.caselist,.subsolution{ padding:0 30px;}
	.caselist dd h2{ font-size:24px;}
	
	.thesecond a{ margin:0 23px;}
	.pics h2{ font-size:30px;}
	.pics h3{ font-size:24px; padding:24px 0 20px}
	.h4{ height:58px; line-height:58px; margin-top:30px; margin-bottom:20px;}
	.h5{ font-size:24px;}
	
	.aboutdl{padding-top:35px;font-size: 14px;line-height: 30px;}
	.aboutdl h2{ font-size:36px; line-height:40px; padding-bottom:15px;}
	.historyleft h2{font-size:36px;line-height: 70px;}
	.historyright{background: url(../images/icon09.png) left top no-repeat;padding-top:42px;}
	.historyright ul li{padding-top:40px;padding-left: 166px;}
	.historyright ul:before{left: 21px;}
	.year{font-size: 24px;width: 114px;margin-left: 42px;}
	.year:after{left: -21px;}
	.historyright ul li p{font-size: 14px;}
	.history{ padding-bottom:50px;}
	.year:after{ display:block;}
	
	
	.subcontact{ border-bottom:1px solid #dfdfdf; color:#666; line-height:30px;}
	.subcontact h2{ font-size:30px;}
	.newlist h3{ font-size:26px; line-height:26px; padding-top:28px;}
	.newlist dd i{ margin-top:28px;}
	
	.newdetailbox{ padding:0 20px;}
	.newtitle{line-height:40px;}
	.newtitle h2{ font-size:24px;}
	.operation{padding-top: 30px;padding-bottom: 24px;}

	
	.map{padding-bottom:55px;}
	.jiameng h2{ font-size:24px; padding-top:30px;}
	.jiameng>p{ line-height:30px;}
	.jiaform{ width:997px;}
	.jiaform ul{ font-size:15px;}
	.jiaform ul p em{ font-size:18px;}
	.jiaform ul p{ padding-bottom:12px;}
	.jiaform ul li{ margin-top:23px; padding-left:60px; padding-right:30px;}
	.jiaform ul li:nth-child(2n){padding-left:10px; padding-right:60px;}
	.jiaform ul li:nth-of-type(7){padding-left:10px; padding-right:60px;}
	.jiaform ul li.lastli{ padding-left:60px; padding-right:60px;}
	.jiaform textarea{ height:223px; resize:none;display: block;}
	.formbtn{ padding:35px 0 70px; margin-top:40px;}
	
	.use{ padding-top:33px;}
	
	.aftersale h2{ font-size:30px; line-height:80px;}
	.saledl h3,.buysoftware h2{ font-size:24px;}
	.salenum{width:32px;height:32px;font-size:18px;left: -2px;line-height:32px;}
	
	.buysoftware{ padding-top:27px; padding-bottom:110px;}
	.tables th{ font-size:18px; height:52px;}
	
	.question h3{ font-size:24px; line-height:35px; margin-bottom:18px;}
	.salefqa li{ padding-left:45px;}
	.question>span,.answer>span{ font-size:42px;}
	.question,.answer{ padding-left:70px;}
	.question>span img,.answer>span img{ width:28px;}
	
	.videobox{ padding-top:20px;}
	.videotxt{ font-size:18px;padding:9px 10px 25px;}
	 
	.indextitle{ padding-bottom:58px;}
	.indextitle h2{ font-size:30px; line-height:40px;}
	.subpro h2{ font-size:22px; line-height:60px;}
	.index-proul li{width:24.9%;height: 455px;}
	.index-proul li.active{ width:50%; border:none}
	.subpro{ font-size:16px; line-height:28px;}
	.subpro img{ margin:27px auto;}
	.indexmore{  font-size:15px; height:40px; line-height:40px; margin:22px auto 40px;}
	.index-proul li.active .subpro{ display:none;}
	.hidepro{width:100%;border:4px solid #0c7ab7;border-top:none;border-bottom:none;background:#fff;overflow: hidden;}
	.index-proul li.active .hidepro{display:block;margin-top: -25px;height: 514px;}
	.hidepro h2{ font-size:26px; height:70px; line-height:70px; background:#0c7ab7; color:#fff; text-align:center}
	.sub-hidepro{padding: 45px 25px 30px;border-bottom: 4px solid #0c7ab7;height: 444px;}
	.hideleft{float:left;padding-right: 30px;border-right:1px solid #e8e8e8;color:#666;line-height:28px;font-size:16px;text-align:center;width: 41.5%;box-sizing:border-box;}
	.hideleft a{ display:inline-block; font-size:15px; color:#fff; -border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; border-radius:6px; width:168px; height:42px; line-height:42px; background:#0c7ab7; margin-top:18px;}
	.hideleft img{ display:block; width:100%;}

	.hideleft p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.hideright{float:left;width: 58%;padding-left:35px;}
	.hideright a{display:block;position:relative;font-size:15px;color:#333;height:48px;line-height:48px;margin-bottom:13px;background:#f3f3f3;padding-left:45px;white-space: nowrap;}
	.hideright a:before{ content:""; display:block; position:absolute; width:0; height:0; border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid #a5a5a5; left:13px; top:20px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg);}
	.hideright a:hover{ color:#fff; background:#0c7ab7;}
	.hideright a:hover:before{ border-bottom-color:#fff;}
	.index-product{ padding-bottom:90px;}
	
	.indexsolution{ padding-top:12px; padding-bottom:84px;}
	.solutionlist{ padding-left:55px; padding-right:55px; position:relative;}
	.subso{ padding:0 40px 20px;}
	.subso h2{ font-size:24px; padding:20px 0 6px;}
	.swiper-pagination{ padding-top:34px}
	
	
	.submap>img{ margin-top:-87px}
	.thismap h2{ font-size:18px; height:55px; line-height:55px;}
	.thismap h2 img{ width:21px; margin-right:19px;}
	
	.index-partner { padding-bottom:66px;}
	.index-partner  .indexmore{ margin-top:30px;}
	
	.next,.prev{/* background-size:auto 56px; */width: 42px;height: 58px;background-color:#7a7a7a;}
	
	.newnee{padding: 14px 20px 20px;}
	.subnews{ padding:0 20px;}
	.subnews h2{ font-size:24px; height:56px; line-height:56px; padding:0 20px;}
	.index-new{ padding-bottom:78px;}
	
	.thwtext{ line-height:24px;}
	.thwtext h2{font-size:30px;line-height:35px;padding-bottom: 10px;padding-top:15px;}
	.subright h2{ font-size:24px; padding-bottom:10px; padding-top:10px;}
	.subright{ line-height:24px;}
	.aboutright{border-left:25px solid #f6f6f6;}
	.subright img{ width:79px; height:79px; top:-40px; margin-left:-40px;}
	.indexabout{padding-bottom:60px;}
	
	.casedetail{ padding-bottom:150px;}
	.casedetail h2{ font-size:24px; line-height:35px; padding:44px 0 6px;}
	
	.subfolat{ font-size:18px;}
	
	.software-download{ padding-bottom:60px;}
	.software-download h2{ font-size:30px; line-height:35px; padding-bottom:21px;}
	
}

@media (min-width: 1500px) {
	.nav li>a{width: 130px;font-size:18px;}
	.head h1 img{height: auto;}
	.head h1 a{padding: 9px 0 0;}
	.foot01 li{ font-size:18px;}
	.footcon p{font-size:18px;}
	.footcon p a{ font-size:30px;}
	.footdl dl{ padding-right:6%; padding-left:6%}
	
	.indextitle{ padding-top:30px;}
	.indextitle h2{ font-size:36px;}
	.subpro h2{ font-size:26px; line-height:75px;}
	
}
.insidenav { padding:0; margin:0}




#browser-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #303233;
}

#browser-modal {
    position: fixed;
    z-index: 9999;
}

#browser-modal .browser-modal-cover {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #111;
    opacity: .5;
    z-index: -1;
}
#browser-modal .browser-content {
    width: 700px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-top: 80px;
    background-color: #fff;
}

#browser-modal .browser-content .browser-dji-logo {
    display: block;
    background-image: url(//www1.djicdn.com/assets/images/v3/share/logo-5c446224d9c4d72dab5fd4b764299cc9.png);
    width: 50px;
    height: 29px;
    margin: 45px auto 40px;
    background-repeat: no-repeat;
}

#browser-modal .browser-content .browser-text-title {
    text-transform: uppercase;
    font-size: 24px;
}

#browser-modal .browser-content .browser-text-desc {
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 14px;
}
#browser-modal .browser-content .browser-list {
    width: 600px;
    margin: 40px auto;
    height: 130px;
}

#browser-modal .browser-content .browser-item {
    float: left;
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
#browser-modal .browser-content .browser-item a {
    color: #1897f2;
    cursor: pointer;
    display: block;
}
#browser-modal .browser-content .browser-item .browser-pic {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-repeat: no-repeat;
}
#browser-modal .browser-content .browser-item a h4 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
}
#browser-modal .browser-content .browser-item .browser-i-c {
    background-image: url(../images/1.jpg);
}
#browser-modal .browser-content .browser-item .browser-i-f {
    background-image: url(../images/2.jpg);
}
#browser-modal .browser-content .browser-item .browser-i-s {
    background-image: url(../images/3.jpg);
}

#browser-modal .browser-content .browser-item .browser-i-e {
    background-image: url(../images/4.jpg);
}